<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 调用注册接口==实现注册用户 -->
  用户名:<input type="text" class="username"> ====
  密码:<input type="text" class="password">===
  <input type="button" value="注册" id="btn">
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
  <!-- 步骤分析
  1、注册按钮绑定点击事件
  2、获取用户名和密码的表单value值
  3、发送请求传递2个参数
  4、提示用户注册成功
  -->
  <script>
    const btn = document.querySelector('#btn')
    const usernameDom = document.querySelector('.username')
    const passwordDom = document.querySelector('.password')

    /*  1、注册按钮绑定点击事件 */
    btn.addEventListener('click', () => {
      // 2、获取用户名和密码的表单value值
      const username = usernameDom.value
      const password = passwordDom.value
      // 3、发送请求传递2个参数
      axios({
        url: "http://hmajax.itheima.net/api/register",
        method: "POST",
        data: {
          username,
          password
        }
      }).then((res) => {
        /* 表示成功 */
        /* 请求成功 */
        console.log(res, 7);
        // if (res.status == 200) {
        //
        //   alert(res.data.message)
        // } else {
        //   alert("长度不够")
        // }
      }).catch(err => {
        /* 捕获 */
        /* 只要请求失败就会走 catch */
        console.log(err.response, 99);
      })

    })
  </script>

</body>

</html>